import { Label } from 'src/components/label';
import { SvgColor } from 'src/components/svg-color';

// ----------------------------------------------------------------------

const icon = (name: string) => (
  <SvgColor width="100%" height="100%" src={`/assets/icons/navbar/${name}.svg`} />
);

export const navData = [
  {
    title: '报表',
    path: '/',
    icon: icon('ic-analytics'),
  },
  // {
  //   title: '用户',
  //   path: '/user',
  //   icon: icon('ic-user'),
  // },
  {
    title: '流水',
    path: '/products',
    icon: icon('ic-cart'),
    info: (
      <Label color="error" variant="inverted">
        +3
      </Label>
    ),
  },
  {
    title: '自动记账',
    path: '/auto-accounting',
    icon: icon('ic-analytics'),
    children: [
      {
        title: '模板管理',
        path: '/auto-accounting/templates',
        icon: icon('ic-analytics'),
      },
      {
        title: '规则管理',
        path: '/auto-accounting/rules',
        icon: icon('ic-analytics'),
      },
      {
        title: '执行日志',
        path: '/auto-accounting/execution-logs',
        icon: icon('ic-analytics'),
      },
    ],
  },
  {
    title: '设备管理',
    path: '/device-management',
    icon: icon('ic-lock'),
  },
  {
    title: '字典管理',
    path: '/dict-management',
    icon: icon('ic-analytics'),
  },
  // {
  //   title: 'Blog',
  //   path: '/blog',
  //   icon: icon('ic-blog'),
  // },
];
